
/**
 * 该文件是整个项目的入口文件
 */
// 引入Vue
import Vue from 'vue'
// 引入App组件，所有组件的父组件
import App from './App.vue'

Vue.config.productionTip = false
//创建vue实例对象
new Vue({
  render: h => h(App),
  /**
   * 与之前的写法不同的是，我们平时是用template来规定
   * App.vue的内容的，然后渲染到模版上的。
   * 
   * 但是这里只能写render才可以奏效，原因是
   * import Vue from ‘vue’的问题
   * 这里引用是用了另一个其它的vue的js文件，就是阉割版的vue
   * 本体的vue分为两个部分，一个核心部分，包括方法，监听，指令之类的
   * 还有一个是模版解析的部分。
   * 在vue-cli中，默认引用的是去除掉模版解析的vue，所以你使用template
   * 属性会报错，因为这个vue不支持。
   * 
   * 说回render方法他的完整写法是
   * 
   * render:function(createElement){
   *  return createElement('xx',xx)
   * }
   * 
   * 他会传入一个参数，这个参数是一个function对象
   * 第一个参数可以是html标签，后面是接着的内容
   * createElement('h1',"你好啊")
   * 
   * 同时也可以传入一个容器，这里就是我们引入的Vue
   * 然后由于不涉及this，所以可以直接写箭头函数
   * 简写后就变成这个样子了。他会将容器直接渲染到模版上去。   
   * 
   */
}).$mount('#app')
